/* btn color */


.el-button {
  height: 36px;
  //line-height: 36px;
  padding: 0 20px;
  font-size: 14px;
  &.is-round{
    border-radius: 100px 100px 100px 100px;
    padding: 0 20px;
  }
  &.is-circle{
    border-radius: 100px 100px 100px 100px;
    width: 36px;
    padding: 0;
  }
}
.el-button--mini{
  height: 29px;
  padding: 7px 15px;
  font-size: 12px;
}
.el-button--primary {
  color: #FFFFFF;
  background-color: $primarycolor;
  border-color: $primarycolor;

  &.is-plain {
    color: $primarycolor;
    background: $primarycolor100;
    border-color: $primarycolor;
    &:hover, &:focus {
      color: #FFFFFF;
      background: $primarycolor;
      border-color: $primarycolor;
      opacity: 1;
    }
  }
  &.is-disabled,&.is-disabled:hover,&.is-disabled:focus,&.is-disabled:active{
    opacity: 0.5;
  }
  &:hover, &:focus {
    opacity: 0.8;
  }
}

.el-button--success {
  color: #FFFFFF;
  background-color: $successcolor;
  border-color: $successcolor;

  &.is-plain {
    color: $successcolor;
    background: $successcolor100;
    border-color: $successcolor;
    &:hover, &:focus {
      color: #FFFFFF;
      background: $successcolor;
      border-color: $successcolor;
      opacity: 1;
    }
  }
  &.is-disabled,&.is-disabled:hover,&.is-disabled:focus,&.is-disabled:active{
    opacity: 0.5;
  }
  &:hover, &:focus {
   opacity: 0.8;
  }
}

.el-button--danger {
  color: #FFFFFF;
  background-color: $dangercolor;
  border-color: $dangercolor;

  &.is-plain {
    color: $dangercolor;
    background: $dangercolor100;
    border-color: $dangercolor;
    &:hover, &:focus {
      color: #FFFFFF;
      background: $dangercolor;
      border-color: $dangercolor;
      opacity: 1;
    }
  }
  &.is-disabled,&.is-disabled:hover,&.is-disabled:focus,&.is-disabled:active{
    opacity: 0.5;
  }
  &:hover, &:focus {
    opacity: 0.8;
  }
}

.el-button--warning {
  color: #FFFFFF;
  background-color: $warningcolor;
  border-color: $warningcolor;

  &.is-plain {
    color: $warningcolor;
    background: $warningcolor100;
    border-color: $warningcolor;
    &:hover, &:focus {
      color: #FFFFFF;
      background: $warningcolor;
      border-color: $warningcolor;
      opacity: 1;
    }
  }
  &.is-disabled,&.is-disabled:hover,&.is-disabled:focus,&.is-disabled:active{
    opacity: 0.5;
  }
  &:hover, &:focus {
    opacity: 0.8;
  }
}

.el-button--info{
  color: #FFFFFF;
  background-color: $textcolor30;
  border-color: $textcolor30;
  &.is-plain {
    &:hover, &:focus {
      color: #FFFFFF;
      background: $textcolor30;
      border-color: $textcolor30;
      opacity: 1;
    }
  }
  &.is-disabled,&.is-disabled:hover,&.is-disabled:focus,&.is-disabled:active{
    opacity: 0.5;
  }
  &:hover, &:focus {
    opacity: 0.8;
  }
}
